<template>
	<view class="content">
		<input type="text" :style="{'background':bg}">
		<color-picker-lay @confirm="confirm" :colorList="colorList"></color-picker-lay>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				bg: "",
				colorList: ["#000000", "#333333"]
			}
		},
		onLoad() {

		},
		methods: {
			confirm(e) {
				this.bg = e;
				console.log(e)
			}
		}
	}
</script>

<style lang="scss">
	.content {
		padding: 20vw;
		background: #666;

		input {
			width: 150px;
			border: 2px solid #fff;
			padding: 20px;
			margin-bottom: 20px;
		}
	}
</style>
